<div id="iconDiv" th:fragment="icon" style="display: none; width: 320px; padding: 5px;">
    <a href="#" name="icon-add" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true"></a>
    <a href="#" name="icon-edit" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"></a>
    <a href="#" name="icon-clear" class="easyui-linkbutton" data-options="iconCls:'icon-clear',plain:true"></a>
    <a href="#" name="icon-remove" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true"></a>
    <a href="#" name="icon-save" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true"></a>
    <a href="#" name="icon-cut" class="easyui-linkbutton" data-options="iconCls:'icon-cut',plain:true"></a>
    <a href="#" name="icon-ok" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true"></a>
    <a href="#" name="icon-no" class="easyui-linkbutton" data-options="iconCls:'icon-no',plain:true"></a>
    <a href="#" name="icon-cancel" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true"></a>
    <a href="#" name="icon-reload" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true"></a>
    <a href="#" name="icon-search" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true"></a>
    <a href="#" name="icon-print" class="easyui-linkbutton" data-options="iconCls:'icon-print',plain:true"></a>
    <a href="#" name="icon-help" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"></a>
    <a href="#" name="icon-undo" class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true"></a>
    <a href="#" name="icon-redo" class="easyui-linkbutton" data-options="iconCls:'icon-redo',plain:true"></a>
    <a href="#" name="icon-back" class="easyui-linkbutton" data-options="iconCls:'icon-back',plain:true"></a>
    <a href="#" name="icon-sum" class="easyui-linkbutton" data-options="iconCls:'icon-sum',plain:true"></a>
    <a href="#" name="icon-tip" class="easyui-linkbutton" data-options="iconCls:'icon-tip',plain:true"></a>
    <a href="#" name="icon-filter" class="easyui-linkbutton" data-options="iconCls:'icon-filter',plain:true"></a>
    <a href="#" name="icon-man" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true"></a>
    <a href="#" name="icon-lock" class="easyui-linkbutton" data-options="iconCls:'icon-lock',plain:true"></a>
    <a href="#" name="icon-more" class="easyui-linkbutton" data-options="iconCls:'icon-more',plain:true"></a>
    <a href="#" name="icon-mini-add" class="easyui-linkbutton" data-options="iconCls:'icon-mini-add',plain:true"></a>
    <a href="#" name="icon-mini-edit" class="easyui-linkbutton" data-options="iconCls:'icon-mini-edit',plain:true"></a>
    <a href="#" name="icon-mini-refresh" class="easyui-linkbutton" data-options="iconCls:'icon-mini-refresh',plain:true"></a>
    <a href="#" name="icon-large-picture" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',plain:true"></a>
    <a href="#" name="icon-large-clipart" class="easyui-linkbutton" data-options="iconCls:'icon-large-clipart',plain:true"></a>
    <a href="#" name="icon-large-shapes" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',plain:true"></a>
    <a href="#" name="icon-large-smartart" class="easyui-linkbutton" data-options="iconCls:'icon-large-smartart',plain:true"></a>
    <a href="#" name="icon-large-chart" class="easyui-linkbutton" data-options="iconCls:'icon-large-chart',plain:true"></a>
    <a href="#" name="icon-table" class="easyui-linkbutton" data-options="iconCls:'icon-table',plain:true"></a>
    <a href="#" name="icon-view" class="easyui-linkbutton" data-options="iconCls:'icon-view',plain:true"></a>
    <a href="#" name="icon-procedure" class="easyui-linkbutton" data-options="iconCls:'icon-procedure',plain:true"></a>
    <a href="#" name="icon-column" class="easyui-linkbutton" data-options="iconCls:'icon-column',plain:true"></a>
    <a href="#" name="icon-refresh" class="easyui-linkbutton" data-options="iconCls:'icon-refresh',plain:true"></a>
    <a href="#" name="icon-home" class="easyui-linkbutton" data-options="iconCls:'icon-home',plain:true"></a>
    <a href="#" name="icon-form" class="easyui-linkbutton" data-options="iconCls:'icon-form',plain:true"></a>
    <a href="#" name="icon-delete" class="easyui-linkbutton" data-options="iconCls:'icon-delete',plain:true"></a>
    <a href="#" name="icon-run" class="easyui-linkbutton" data-options="iconCls:'icon-run',plain:true"></a>
    <a href="#" name="icon-config" class="easyui-linkbutton" data-options="iconCls:'icon-config',plain:true"></a>
    <a href="#" name="icon-registry" class="easyui-linkbutton" data-options="iconCls:'icon-registry',plain:true"></a>
    <a href="#" name="icon-create" class="easyui-linkbutton" data-options="iconCls:'icon-create',plain:true"></a>
    <a href="#" name="icon-close" class="easyui-linkbutton" data-options="iconCls:'icon-close',plain:true"></a>
    <a href="#" name="icon-system" class="easyui-linkbutton" data-options="iconCls:'icon-system',plain:true"></a>
    <a href="#" name="icon-default" class="easyui-linkbutton" data-options="iconCls:'icon-default',plain:true"></a>
    <a href="#" name="icon-query" class="easyui-linkbutton" data-options="iconCls:'icon-query',plain:true"></a>
    <a href="#" name="icon-import" class="easyui-linkbutton" data-options="iconCls:'icon-import',plain:true"></a>
    <a href="#" name="icon-export" class="easyui-linkbutton" data-options="iconCls:'icon-export',plain:true"></a>
    <a href="#" name="icon-sync" class="easyui-linkbutton" data-options="iconCls:'icon-sync',plain:true"></a>
    <a href="#" name="icon-auth" class="easyui-linkbutton" data-options="iconCls:'icon-auth',plain:true"></a>
    <a href="#" name="icon-coin" class="easyui-linkbutton" data-options="iconCls:'icon-coin',plain:true"></a>
    <a href="#" name="icon-data" class="easyui-linkbutton" data-options="iconCls:'icon-data',plain:true"></a>
    <a href="#" name="icon-test" class="easyui-linkbutton" data-options="iconCls:'icon-test',plain:true"></a>
    <a href="#" name="icon-list" class="easyui-linkbutton" data-options="iconCls:'icon-list',plain:true"></a>
    <a href="#" name="icon-file" class="easyui-linkbutton" data-options="iconCls:'icon-file',plain:true"></a>
    <a href="#" name="icon-role" class="easyui-linkbutton" data-options="iconCls:'icon-role',plain:true"></a>
    <a href="#" name="icon-dept" class="easyui-linkbutton" data-options="iconCls:'icon-dept',plain:true"></a>
    <a href="#" name="icon-node-open" class="easyui-linkbutton" data-options="iconCls:'icon-node-open',plain:true"></a>
    <a href="#" name="icon-node-close" class="easyui-linkbutton" data-options="iconCls:'icon-node-close',plain:true"></a>
    <a href="#" name="icon-data-auth" class="easyui-linkbutton" data-options="iconCls:'icon-data-auth',plain:true"></a>
    <a href="#" name="icon-func-auth" class="easyui-linkbutton" data-options="iconCls:'icon-func-auth',plain:true"></a>
    <a href="#" name="icon-component" class="easyui-linkbutton" data-options="iconCls:'icon-component',plain:true"></a>
    <a href="#" name="icon-refer" class="easyui-linkbutton" data-options="iconCls:'icon-refer',plain:true"></a>
    <a href="#" name="icon-menu" class="easyui-linkbutton" data-options="iconCls:'icon-menu',plain:true"></a>
    <script type="text/javascript">

        $(window).load(function(){
            $("#iconDiv a").click(function () {
                var iconName = $(this).attr("name");
                $("#btnIcon").val(iconName);
                $("#icon-uq-show").attr("class", iconName);
            });
        })
    </script>
</div>